<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body>
  <!-- 挂载点是一个比较特殊的组件模板 -->
  <div id="app">


  </div>
  <script>
    /* const 组件配置对象 = {
      template: `
        组件的html模板
      `
    }
    Vue.component('组件名', 组件配置对象) */

    /* 
      创建好的组件的组件名就是一个新的标签，直接使用该标签就能直接得到对应的模板
      使用模板时要注意，注意应该把组件标签放在对应组件的模板中
    
    */
    
    const app = new Vue({
      el: '#app',
    })
  </script>
</body>
</html>